 <?php
 $referencia=$this->referenciasDao;
 function colorFila($movimiento,$referencia,$usuario){
     if($movimiento->getCuota_id()){
       $cuota=$referencia->obtenerPorId('Doctrine_Model_Entities_Cuota',$movimiento->getCuota_id());
       if($cuota->pertenezcoANegocio()){
           if(!$usuario->getSucursal()->esNegocio()){
               return $usuario->getSucursal()->getColor();
           }
       }  
     }
 }
 ?>
<style>
    /* queries */
    @media screen and (max-width: 520px){

        html:not(.emp-sales) .emp-sales th, 
        html:not(.emp-sales) .emp-sales td {
            font-size: 0;
            padding: 0;
            content: "";
            height: 7px;
        }
        html:not(.emp-sales) table {
            position: relative; 
            overflow: hidden;
        }
        html:not(.emp-sales) table:before {
            content: "Table: Tap to View";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.6);
            color: #fff;
            font-weight: bold;
            font-size: 1.6em;
            text-align: center;
            vertical-align: middle;
            z-index: 100;
            font-family: Helvetica, sans-serif;

        }
        html.emp-sales table:before {
            content: "";
            display: block;
            background: #333;
            padding: 10px;
        }

        html.emp-sales table:before{
            content: "Back";
            position: absolute;
            top: 0;
            left: 15px;
            padding: .5em 1em;
            margin: 10px 0;
            font-weight: bold;
            color: #fff;
            background: #000;
            border: 1px solid #fff;
        }
        /* around here we could use the HTML class to hide all other content on the page aside from the table */
        html.emp-sales p, html.emp-sales h1 {
            display: none; 
        }
    }
    input[type=text]{height: 12px;}
    select{height: 25px;}
</style>
<div class="well well-small">
    <div class="row-fluid">
        <form name="form_caja" id="form_caja" method="POST" action="<?php echo $this->baseUrl(); ?>/usuarios/cajadiaria" >
        <div class="span12">
            <div class="span2">
                <label class="control-label">Desde</label>
                <input id="fecha_inicio" name="fecha_inicio" value="<?php echo $this->fecha_inicio; ?>" class="input-small" type="text" />
            </div>
            <div class="span2">
                <label class="control-label">Hasta</label>
                <input id="fecha_fin" name="fecha_fin" value="<?php echo $this->fecha_fin; ?>" class="input-small" type="text" />
            </div>
            <div class="span2">
                <label class="control-label">Categoria</label>
                <select id="categoria_id" name="categoria_id" class="input-medium">
                    <option value="0">Todas</option>
                    <?php foreach ($this->categorias as $categoria) { ?>

                        <option <?php echo $this->categoria_id == $categoria->getId() ? "selected" : "" ?> value="<?php echo $categoria->getId(); ?>">
                            <?php echo $categoria->getDescripcion(); ?></option>
                    <?php } ?>                  

                </select>
            </div>
            <?php if ($this->usuario->getPerfil()->getId() == 1 && !$this->usuario->getSucursal()->getNegocio()) { ?>
                <div class="span2">
                    <label class="control-label">Sucursales</label>
                    <select id="sucursal_id" name="sucursal_id" class="input-medium">
                        <?php foreach ($this->sucursales as $sucursal) { ?>
                            <?php if (empty($this->sucursal_id)) { ?>
                                <option <?php echo $this->usuario->getSucursal()->getId() == $sucursal->getId() ? "selected" : "" ?> value="<?php echo $sucursal->getId(); ?>">
                                <?php } else { ?>
                                <option <?php echo $this->sucursal_id == $sucursal->getId() ? "selected" : "" ?> value="<?php echo $sucursal->getId(); ?>">
                                <?php } ?>    
                                <?php echo $sucursal->getDescripcion(); ?></option>
                        <?php } ?>
                    </select>
                </div>
            <?php } ?>
            <div class="span2">
                <div class="btn-toolbar">
                    <input   class="btn" value="Buscar" type="submit" />
                </div>
            </div>
        </div>
        </form>
    </div>
<!--</div>
<div class="well" style="padding-top: 5px;">-->
    <?php if (!$this->usuario->getSucursal()->getNegocio()): ?>
    <div class="row-fluid" style="margin-bottom: 3px;">
        <div class="span12">
            <div class="span6" style="width: 47%;">
                <h4>Entradas de Caja
                    <?php if (!($this->usuario->getSucursal()->getNegocio() && !$this->usuario->getPerfil()->esAdministrador())): ?>
                        <button type="button" href="<?php echo $this->baseUrl() . "/usuarios/cajadiaria/nuevomovimiento/tipo_movimiento/E"; ?>" class="btn btn-inverse pull-right agregarMovimiento">
                            <i class="icon-plus-sign icon-white"></i>&nbsp;&nbsp;Agregar</button>
                    <?php endif; ?>
                </h4>
            </div>
            <div class="span6" style="width: 47%;">
                <h4>Salida de Caja  
                    <?php if (!($this->usuario->getSucursal()->getNegocio() && !$this->usuario->getPerfil()->esAdministrador())): ?>
                        <button type="button" href="<?php echo $this->baseUrl() . "/usuarios/cajadiaria/nuevomovimiento/tipo_movimiento/S"; ?>" class="btn btn-inverse pull-right agregarMovimiento">
                            <i class="icon-plus-sign icon-white"></i>&nbsp;&nbsp;Agregar</button>
                    <?php endif; ?>
                </h4>
            </div>
        </div>
    </div>
    <?php endif; ?>

    <div class="row-fluid">
        <div class="span12">
            <div class="span6" style="height: 300px;overflow-y:scroll;font-size: 12px;width: 48%;">
                <table class="tabla_reducida" style="font-size: 9px;">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Concepto</th>
                            <th>Categoria</th>
                            <th>Monto</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($this->entradas as $e) { ?>
                            <tr style="background-color: <?php echo '#' . colorFila($e, $referencia, $this->usuario); ?>">
                                <td><?php echo $e->getFecha()->format('d/m/Y'); ?></td>
                                <td style="text-align: left;" ><?php echo $e->getFecha()->format('H:i') . ' ' . strtoupper($e->getDescripcion()); ?></td>
                                <td><?php echo $e->getCategoria()->getDescripcion(); ?></td>
                                <td><?php echo $e->getMonto(); ?></td>
                            </tr>
                        <?php } ?>
                    </tbody>
                </table>
            </div>
            <div class="span6" style="height:300px;overflow-y:scroll;font-size:12px;width:48%;margin-left:5px;">
                <table class="tabla_reducida" style="font-size: 9px;">
                    <thead>
                        <tr>
                            <th>fecha</th>
                            <th>Concepto</th>
                            <th>Categoria</th>
                            <th>Monto</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($this->salidas as $s) { ?>
                            <tr  style="background-color: <?php echo '#' . colorFila($s, $referencia, $this->usuario); ?>">
                                <td><?php echo $s->getFecha()->format('d/m/Y'); ?></td>
                                <td style="text-align: left;" ><?php echo $s->getFecha()->format('H:i') . ' ' . strtoupper($s->getDescripcion()); ?></td>
                                <td><?php echo $s->getCategoria()->getDescripcion(); ?></td>
                                <td><?php echo $s->getMonto(); ?></td>
                            </tr>
                        <?php } ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <!-- Totales -->
    <div class="row-fluid">
        <div class="span12" style="width: 96.5%;margin-top: 15px;">
            <table class="tabla_reducida">
                <thead>
                    <tr>
                        <th>Inicio</th>
                        <th>Total Entradas</th>
                        <th>Total Salidas</th>
                        <th>Sub Total</th>
                        <th>Total Caja</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <?php if ($this->muestroMonto): ?>
                            <td style="padding: 0;"><h2 style="padding: 0; margin: 0;">$ <?php echo number_format($this->inicio, 2, ',', '.') ?></h2></td>
                        <?php else: ?>
                            <td></td>
                        <?php endif; ?>
                        <td style="padding: 0;"><h2 style="padding: 0; margin: 0;">$ <?php echo number_format($this->totalEntradas, 2, ',', '.') ?></h2></td>
                        <td style="padding: 0;"><h2 style="padding: 0; margin: 0;">$ <?php echo number_format($this->totalSalidas, 2, ',', '.') ?></h2></td>
                        <td style="padding: 0;"><h2 style="padding: 0; margin: 0;">$ <?php echo number_format($this->subtotal, 2, ',', '.') ?></h2></td>
                        <?php if ($this->muestroMonto): ?>
                            <td style="padding: 0;"><h2 style="padding: 0; margin: 0;">$ <?php echo number_format($this->total, 2, ',', '.') ?></h2></td>
                        <?php else: ?>
                            <td></td>
                        <?php endif; ?>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- /Totales -->
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $(".agregarMovimiento").colorbox({
            iframe: true,
            innerWidth: "50%",
            innerHeight: "50%",
            onOpen: function() {
            },
            onClosed: function() {
                $('#form_caja').submit();
            }
        });
        
        $("#fecha_inicio").datepicker({dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true});
        $("#fecha_fin").datepicker({dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true});
        
    });    
</script>